Pixel Perfect's profileBruna Marzarotto's profile

Site para curso Isa Campos

PT (English version below)

Compartilhar conteúdo de qualidade sobre mobilidade humana: essa foi a ideia inicial da Isabella Campos, fisioterapeuta que viu seu conhecimento chegar em mais pessoas nos últimos anos graças às redes sociais.
Foi à medida que seu conteúdo ganhou popularidade que a Isabella entendeu que poderia fazer parte do mercado de produtos digitais, um dos mais expressivos do Brasil na atualidade.

Para isso, além de disponibilizar cursos em plataformas específicas, a Isabella criou um site - sim, ela mesmo fez com os recursos que tinha em mãos. Entretanto, as limitações de edição e a vontade de passar uma imagem mais profissional fez com que surgisse a necessidade de construir um site novo. E é aí que nós, da Pixel Perfect, entramos!

Trabalhando em conjunto com o time da ZG Estratégias Digitais, entendemos alguns pontos fundamentais para esse projeto. Para começar, o site precisava reunir diferentes produtos criados pela Isabella, com suas respectivas identidades visuais e paletas de cores (que era bem ampla). Além disso, cada produto digital deveria ter uma página que remetesse ao visual e estrutura de uma landing page, sendo que todas deveriam se integrar pelo menu e pela Home em comum. E claro, responsividade e integração com as redes sociais eram fundamentais!

Como solução, nossa proposta foi trabalhar com uma Home de fundo neutro, onde as cores entraram somente como itens de diferenciação de cada produto. Esses produtos, por sua vez, tiveram suas paletas de cores respeitadas em páginas próprias, o que permitiu uma identidade de forma unitária (em cada página) e coerência visual como um todo (para o site inteiro).

Também trabalhamos com formas fluídas e arredondadas, para remeter ao “movimento”, que é uma das promessas da Isabella. Nesse sentido, os botões e as imagens têm bordas arredondadas, além de contarmos com vários círculos ao longo das páginas. Esse conceito também foi essencial para a escolha da fonte dos títulos, a Syne. Isso porque, a Syne tem variações de tamanho, que dão essa sensação de amplitude. Por fim, aplicamos animações em todo o site, para que ao rolar a página, o usuário tenha uma sensação de fluidez, movimento e leveza.

Você pode conferir o projeto da Isa Campos por completo clicando aqui!

Nós agradecemos a oportunidade de trabalhar em um projeto tão especial! Temos certeza que, com a plataforma renovada, mais pessoas vão entender a importância do trabalho da Isa.

EN

Sharing quality content about human mobility was the initial idea of Isabella Campos, a physiotherapist who has seen her knowledge reach more people in recent years thanks to social media.

As her content gained popularity, Isabella realized she could become part of the digital products market, one of the most significant in Brazil today. In addition to offering courses on specific platforms, Isabella created a website - yes, she built it herself with the resources at that moment. However, editing limitations and the desire to have a more professional image led to the need to build a new website. And that's where we, from Pixel Perfect, come in!

Working in collaboration with the ZG Estratégias Digitais, we understood some fundamental points for this project. First, the website needed to bring together different products created by Isabella, each with its own visual identity and color palette (which was quite extensive). Additionally, each digital product should have a page that resembled the visual and structural elements of a landing page, all seamlessly integrated through the menu and common Home. And of course, responsiveness and integration with social media were essential!

As a solution, our proposal was to work with a neutral background on the Home, where colors were only used as differentiation elements for each product. These products had their color palettes respected on their own pages, allowing for a unified identity on each page and visual coherence throughout the entire site.

We also employed fluid and rounded shapes to evoke the "movement," one of Isabella's promises. In this regard, buttons and images have rounded edges, and various circles are present throughout the pages. This concept was also crucial in choosing the font for the titles, Syne. The Syne font has size variations that give a sense of expansiveness. Finally, we applied animations throughout the site so that, when scrolling, users experience a sense of fluidity, movement, and lightness.

You can check out Isa Campos's complete project by clicking here!

We appreciate the opportunity to work on such a special project! We are confident that, with the renewed platform, more people will understand the importance of Isa's work.
Site para curso Isa Campos
Published:

Site para curso Isa Campos

Published: